﻿			/* mon skin */

/*
box-shadow:0 0 15px 2px
*/
[data-effect='modal']
{
	background-color: rgba(48, 74, 122,0.6) !important;
}


[data-effect="window"] {

	 -moz-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47, 10px 10px 40px rgba(0, 0, 0, .65) !important; 
    -webkit-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47, 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	-o-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47, 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	-khtml-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47, 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	-ms-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47, 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47, 10px 10px 40px rgba(0, 0, 0, .65) !important;
	
	
	
	background-color: rgba(48, 74, 122, 0.90) !important;
	color: white !important;
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	
	border: 2px ridge #627cac !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;
	
	padding: 5px 5px 5px 5px !important;
	
}


/* titlebar */

[data-effect="titlebar"]
{
  
  height: 22px !important;
  width: auto !important;
  margin: 2px 5px 0px 5px !important;

  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  -khtml-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  border-radius: 8px !important;

  background: url(fondonglets.png) repeat-x 0 0 !important;
  
  -moz-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important; 
    -webkit-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-o-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-khtml-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-ms-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;

}

[data-effect="titlebar_caption"]
{
    padding-top: 2px !important;
	font-size: 13px !important;
	vertical-align: middle !important;
	text-align: center !important;
	width: auto  !important;
	height:100%;
}

[data-effect="titlebar_tools"]
{
	width: 20px !important;
	height: 20px !important;
	float: left !important;
	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(tools_active_normal.png) !important;
}

[data-effect="titlebar_tools"]:hover {
	background-image: url(tools_active_prelight.png) !important;
}

[data-effect="titlebar_tools"]:active {
	background-image: url(tools_active_pressed.png) !important;
}



[data-effect="titlebar_minimize"]
{
	width: 20px !important;
	height: 20px !important;
	float: right !important;
	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(minimize_active_normal.png) !important;
}

[data-effect="titlebar_minimize"]:hover {
	background-image: url(minimize_active_prelight.png) !important;
}

[data-effect="titlebar_minimize"]:active {
	background-image: url(minimize_active_pressed.png) !important;
}


[data-effect="titlebar_maximize"]:hover {
	background-image: url(maximize_active_prelight.png) !important;
}

[data-effect="titlebar_maximize"]:active {
	background-image: url(maximize_active_pressed.png) !important;
}

[data-effect="titlebar_maximize"] {
	width: 20px !important;
	height: 20px !important;
	float: right !important;
 	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(maximize_active_normal.png) !important;
}


[data-effect="titlebar_close"]:hover {
	background-image: url(close_active_prelight.png) !important;
}

[data-effect="titlebar_close"]:active {
	background-image: url(close_active_pressed.png) !important;
}

[data-effect="titlebar_close"] {
	width: 20px !important;
	height: 20px !important;
	float: right !important;
	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(close_active_normal.png) !important
}







/* others plugins */

[data-effect="button"]
{
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	
	color: black !important;
	
	background:	-webkit-linear-gradient(top, white, #627cac) !important;
	background:	   -moz-linear-gradient(top, white, #627cac) !important;
	background:		 -o-linear-gradient(top, white, #627cac) !important;
	background:			linear-gradient(top, white, #627cac) !important;

	
	
	border: 2px ridge gray !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;
	padding: 1px 5px 1px 5px !important;
}

[data-effect="button"]:not(:disabled):hover {
	background:	-webkit-linear-gradient(top, white, #324c7c) !important;
	background:	   -moz-linear-gradient(top, white, #324c7c) !important;
	background:		 -o-linear-gradient(top, white, #324c7c) !important;
	background:			linear-gradient(top, white, #324c7c) !important;
}

[data-effect="button"]:disabled {
	background:	-webkit-linear-gradient(top, white, #323232) !important;
	background:	   -moz-linear-gradient(top, white, #324c7c) !important;
	background:		 -o-linear-gradient(top, white, #324c7c) !important;
	background:			linear-gradient(top, white, #324c7c) !important;
	cursor: url(interdit.png), default !important;
}

[data-effect="button"]:not(:disabled):active {
 	background:	-webkit-linear-gradient(top, #627cac, white) !important;
	background:	   -moz-linear-gradient(top, #627cac, white) !important;
	background:		 -o-linear-gradient(top, #627cac, white) !important;
	background:			linear-gradient(top, #627cac, white) !important;
}

[data-effect="button"]:not(:active):focus {
   border: 2px ridge yellow  !important;
}


/* plugin waiting */

[data-effect="waiting-fxcircle-1"] {
	border-color : #627cac !important;
	box-shadow: 0 0 35px #F1F1F1 !important;
}

[data-effect="waiting-fxcircle-2"] {
	border-color : #627cac !important;
	box-shadow: 0 0 15px #F1F1F1 !important;
}

[data-effect="waiting-fxbar"] {
  background-image: -moz-linear-gradient(45deg, #627cac 25%, #F1F1F1); 
  background-image: -webkit-linear-gradient(45deg, #627cac 25%, #F1F1F1);
}









[data-effect="text"]
{
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color: white !important;
}

[data-effect="text:error"]
{
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;
  
   box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5) !important;
		 
	background-color: red !important;
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color : white !important;
	/*border: 2px ridge white !important; */
	padding: 1px 5px 1px 5px !important;
	
	border: 2px dotted orange  !important;
}

[data-effect="text:warning"]
{
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;
  
	box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5) !important;
		 text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
		background-color: yellow !important;

	    color : red !important;
		border: 2px dotted red  !important;
		padding: 1px 5px 1px 5px !important;
}









[data-effect="boundary"]
{
}

[data-effect="legend"]
{
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;
	padding: 1px 5px 1px 5px !important;
	background-color: #627cac !important;
	
	
    -moz-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important; 
    -webkit-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-o-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-khtml-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-ms-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;
	
	
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color: white !important;
	border: 2px ridge gray !important;
}

[data-effect="box"]
{
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;

	/*
	  -moz-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important; 
    -webkit-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-o-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-khtml-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-ms-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;
*/

	background-color: rgba(0, 0, 15, 0.60) !important;
	border: 2px ridge gray !important;
}

[data-effect="header"]
{
	background-color: rgba(28, 54, 102, 0.60) !important;
	/*background-color: #627cac !important;*/
	
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;

	    -moz-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important; 
    -webkit-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-o-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-khtml-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	-ms-box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;  
	box-shadow: 0 0 32px #0d0e1f inset, 0 0 10px #0e0e1c inset, 0 0 5px #010f47 !important;
	
	
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color: white !important;
}

[data-effect="body"]
{
	/*background-color: rgba(28, 54, 102, 0.70) !important;*/
}

[data-effect="body"] [data-effect="row"]
{
	color: white !important;
}

[data-effect="body"] [data-effect="row"]:hover
{
	background-color: rgba(38, 67, 125, 0.5) !important;
	color: white !important;
}

[data-effect="body"] [data-effect="row"]:active
{
	background-color: rgba(48, 77, 135, 0.6) !important;
	color: white !important;
}


[data-effect="image"]
{
	
}

[data-effect="input"] {
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	border-radius: 8px !important;
	background-color: white !important;
	color: black !important;
	
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	
	border: 2px ridge gray !important;
	padding: 1px 10px !important;
	
	box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5),
                inset 0 0 10px hsla(0,0%,0%,.5);
}


[data-effect="input"]:required {
   border: 2px dotted orange  !important;
}

[data-effect="input"]:invalid{
   border: 2px dotted red  !important;
}

[data-effect="input"]:focus {
   border: 2px ridge yellow  !important;
}


[data-effect="input"]:disabled
{
	background-color:#eeeeee !important;
	color : grey !important;
}

[data-effect="input"]:required
{
    background-position: right top;
    background-repeat: no-repeat;
}



[data-effect="input"]:required:invalid, [data-effect="input"]:focus:invalid
{
	background-image: url('') !important;
}

[data-effect="input"]:required:valid
{
	background-image: url('') !important;
}


/* checkbox */
[data-effect="checkbox-flag"]:before
{
    background-color: white !important;

	background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.9))) !important;
	background:	-webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9)) !important;
	background:	   -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9)) !important;
	background:		 -o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9)) !important;
	background:			linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9)) !important;

	-webkit-border-radius:	4px !important;
	-moz-border-radius:		4px !important;
	-o-border-radius:		4px !important;
	border-radius:			4px !important;
	
	border: 2px ridge gray !important;
}

[data-effect="checkbox"]:focus +[data-effect="checkbox-flag"]:before
{
	border: 2px ridge yellow  !important;
}

[data-effect="checkbox-flag"]:after {

	border-style: solid !important;
	border-color: #627cac !important;
}

[data-effect="checkbox"]:disabled+[data-effect="checkbox-flag"]:after {
	border-color: grey !important;
}


/* radio */

[data-effect="radio-flag"]:before
{
   background-color : white;

	-webkit-border-radius:	8px !important;
	-moz-border-radius:		8px !important;
	-o-border-radius:		8px !important;
	border-radius:			8px !important;
	
	border: 2px ridge gray !important;
}

[data-effect="radio"]:focus +[data-effect="radio-flag"]:before
{
	border: 2px solid yellow  !important;
}

[data-effect="radio-flag"]:after {


	background-color : #627cac !important;
	
}

[data-effect="radio"]:disabled+[data-effect="radio-flag"]:after {
	background-color: grey !important;
}


/* Range */

input[type="range"] {
/*
    background-image: -webkit-linear-gradient(left, hsla(0,0%,100%,.1) 45%, transparent 45%),
                      -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
                      -webkit-linear-gradient(left, #f66, #6cf);
					  */
	background-image:-webkit-linear-gradient(left, hsla(0,0%,100%,.1) 45%, transparent 45%),
                      -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),-webkit-linear-gradient(left, #cd412c, #ffca5e, #9fbe1c);
    background-size: 3px 3px, 100% 100%, 100% 100%;
    border-radius: 25px;
    box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5),
                inset 0 0 10px hsla(0,0%,0%,.5);
    cursor: ew-resize;
    /*height: 10px;*/
    position: relative;
    /*width: 100px;*/
    -webkit-appearance: none;
    -webkit-transition: .15s;
}
input[type="range"]::-webkit-slider-thumb {
    background-color: #eee;
    border-radius: 25px;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25);
    content: '';
    display: block;
    height: 10px;
    left: 0;
    position: relative;
    top: 0;
    width: 10px;
    -webkit-appearance: none;
}
​

/*****       ****/

::-webkit-input-placeholder {
  color: gray !important;
  font-style: italic !important;
}

:-moz-placeholder {
  color: gray !important;
  font-style: italic !important;
}

:-ms-input-placeholder {
  color: gray !important;
  font-style: italic !important;
}

/* Scrollbar Width */
/*
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #AAA;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
*/
/* beginning of scrollbar */


::-webkit-scrollbar {
	width: 10px !important;
	height: 10px !important;
	position: relative !important;
	margin:5px !important;
}


::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset !important;
}

::-webkit-scrollbar-thumb {
	background: silver !important;
}

::-webkit-scrollbar-corner {
	background: transparent !important;
}

/*
::-webkit-scrollbar {
    background: #FFF;
    width: 15px;
    height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    background-color: transparent;
    display: block;
    height: 20px;
}

::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    background: rgba(255,248,69,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(255,0,0,0.4);
}
*/

